<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/application/category.css">

<div class="turn-btn" ng-show="detailcat" ng-click="detailcat = false">
	<span class="glyphicon glyphicon-share"></span>
</div>

<div class="wrapper" ng-hide="detailcat">
	<h2>PHÂN LOẠI LỊCH SỬ {{strtype}}</h2>
	<div class="section" ng-repeat="section in catsArr">
		<a ng-click="listDetail(section._id, section.numLesson)" class="section-cat">
		<!-- <a ng-click="" class="section-cat"> -->
			{{section.name}} - <span class="count">{{section.numLesson}} bài</span>
		</a>
		<div class="chapter" ng-repeat="chapter in section.childs">
			<a ng-click="listDetail(chapter._id, chapter.numLesson)" class="chapter-cat">
			<!-- <a ng-click="" class="chapter-cat"> -->
				{{chapter.name}} - <span class="count">{{chapter.numLesson}} bài</span>
			</a>
		</div>	
	</div>
</div>

<div class="lslist wrapper full-page" ng-show="detailcat">
	<h2>{{detailCatView.catName}}</h2>
	<ul class="lesson-list">
		<li ng-repeat="ls in lessonArr">
			<a href="#/lesson/{{ls._id}}">
				<span class="title">{{ls.title | removeLesson}}</span>
				<span class="glyphicon glyphicon-flag"></span>
			</a>
		</li>
			
	</ul>
</div>